<template>
	<view class="nav-icon-list flex-row" style="flex-wrap:wrap" v-if="nav_icon_list&&nav_icon_list.length>0">
		<view :class="['flex-grow-0', 'nav-icon'+(nav_count==1?'-1':'')]" v-for="(item,index) in nav_icon_list" :key="item.id" :style="{borderRight:(index+1)%3==0?'none':'4upx solid #f6f6f6',borderBottom:index>=(nav_icon_list.length-nav_icon_list.length%3)?'none':'4upx solid #f6f6f6'}">
			<form @submit="$emit('_formIdSubmit',$event)" data-bind="myBtnClick" data-type="navigate" :data-url="item.url" reportSubmit="true">
				<button formType="submit" id="_formIdSubmit" class="_formIdSubmit">
					<navigator :appId="item.appId" :data-open_type="item.open_type" :data-url="item.url" :path="item.path"
					 style="z-index:9;position:relative" target="miniProgram" v-if="item.open_type=='wxapp'">
						<image :src="item.pic_url"></image>
						<view>{{item.name}}</view>
					</navigator>
					<navigator @tap="$emit('navigatorClick',$event)" :data-open_type="item.open_type" :data-url="item.url" :openType="item.open_type||'navigate'"
					 v-else>
						<image :src="item.pic_url"></image>
						<view>{{item.name}}</view>
					</navigator>
				</button>
			</form>
		</view>
	</view>
</template>

<script>var myVue = {};
	export default {
		props: ['nav_icon_list','nav_count'],
		data() {
			return {
				
			};
		}
	}
</script>
	
<style scoped>
</style>
